<template>
    <div template>
        <bases :tonextlink="tonextlink" title="日历展示">
            <u-calendar v-model="show" :mode="mode" @change="change"></u-calendar>
            <u-button @click="show = !show">打开日历</u-button>
        </bases>
    </div>
</template>

<script>
import bases from './base.vue'
export default {
    props: ['tonextlink'],
    components: {
        bases
    },
    data() {
        return {
            show: false,
            mode: 'date'
        }
    },
    methods: {
        change(e) {
            console.log(e);
        }
    }
}
</script>
